// import Vue from 'vue'

// 自定义指令 处理项目中各个默认图片
export const imgerror = {
  // el是当前指令所作用的dom元素
  // binding是对变量的解释，value是图片
  // 其他地方在使用这个指令的时候，传递需要显示的图片即可
  inserted(el, binding) {
    // 当图片加载失败的时候会触发onerror方法，显示默认图片
    el.onerror = function() {
      el.src = binding.value
    }
  }
}

// 自定义文字颜色指令
export const textcolor = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}

// 自定义指令
// 当前这个自定义指令是用来处理项目中各个默认图片的显示
// 第一个参数：是自定义的指令名称

// Vue.directive('imgerror', {
//   // el是当前指令所作用的dom元素
//   // binding是对变量的解释，value是图片
//   // 其他地方在使用这个指令的时候，传递需要显示的图片即可
//   inserted(el, binding) {
//     // 当图片加载失败的时候会触发onerror方法，显示默认图片
//     el.onerror = function() {
//       el.src = binding.value
//     }
//   }
// })
// 自定义文字颜色指令
// Vue.directive('textcolor', {
//   inserted(el, binding) {
//     // 自定义文字颜色指令
//     el.style.color = binding.value
//   }
// })
